Lesson03_02   스타일 규칙 선택 기

스타일 규칙 선택 기
저자:Loncer 더 많은 학습 자원:wwww.loncer.cn

HTML selector
바로 HTML 라벨 을 selector 로 하 는 것 입 니 다.이렇게 하면 모든 CSS 가 응용 하 는 웹 페이지 에서 모든 HTML 라벨 은 정 의 된 문구 에 따라 표 시 됩 니 다.

Class selector 는 HTML 태그 가 만 든 각 웹 페이지 요 소 를 몇 가지 로 나 누 려 면 이 HTML 태그 의 class 를 다른 값 으로 설정 해 야 합 니 다.
예 를 들 면:

p1

p2

p3

스타일 정 의 는 다음 과 같 습 니 다:주:스타일 시트 가 정 의 될 때 selector 가(.)다음 에 클래스 를 연결 하면 이 스타일 규칙 은 모든 class=이 클래스 의 모든 HTML 탭 에 적 용 됩 니 다.즉,class selector 를 두 가지 로 나 누 었 습 니 다.

관련 class selector:HTML 태그 이름.클래스 이름(같은 요소 에 다른 규칙 을 정의 할 수 있 습 니 다).

독립 클 라 스 selector:.클래스 이름(서로 다른 요소 에 같은 스타일 규칙 을 정의 할 수 있 습 니 다).

ID selector ID 속성 은 특정한 HTML 요 소 를 정의 하 는 데 사 용 됩 니 다.한 페이지 파일 에 하나의 요소 만 특정한 ID 값 을 사용 할 수 있 습 니 다.
웹 페이지:text here
스타일 정 의 는 다음 과 같 습 니 다:

관련 선택 기 는 빈 칸 으로 구 분 된 두 개 이상 의 단일 선택 기로 구 성 된 문자열 을 말 합 니 다.예 를 들 어 p em{background:yellow}의'p em'은 관련 선택 기 입 니 다.이것 은

탭 의탭 사이 의 내용 배경 이 노란색 임 을 나타 냅 니 다.다른 곳 에서 나 온탭 은 내용 에 영향 을 받 지 않 습 니 다.주:관련 선택 정의 규칙 의 우선권 은 단일 선택 기 정의 규칙 보다 높 습 니 다.

조합 선택 기 는 스타일 시트 의 중복 성명 을 줄 이기 위해 하나의 스타일 규칙 정의 에서 여러 개의 선택 기 를 조합 할 수 있 습 니 다.예:H1,H2,H3,H4,H5,H6,TD{color:red}

위조 요소 선택 기 는 같은 HTML 요소 의 각종 상태 와 가방 에 포 함 된 일부 내용 에 대한 정의 방식 을 말 합 니 다.형식 은 다음 과 같 습 니 다.HTML 요소:위조 요소 주기 율{속성:값}
자주 사용 하 는 위조 요 소 는 다음 과 같다.
원소명
역할.
A:active
하이퍼링크 선택 한 상태
A:hover
커서 가 하이퍼링크 로 이동 한 상태
A:link
동작 이 없 을 때의 상태
A:visited
접근 한 하이퍼링크 상태
P:first-line
단락 의 첫 줄 텍스트
P:first-letter
단락 의 첫 번 째 알파벳 선택 기 는 위조 요소 와 함께 사용 할 수 있 습 니 다:HTML 요소.클래스 이름:위조 요소{속성:값}